import React from 'react'
import { Tabbar } from 'react-vant';
import {NavLink} from "react-router-dom"
import { FriendsO, HomeO, Search, SettingO } from '@react-vant/icons'
function Tabbar1() {
  return (
    <Tabbar>
    <Tabbar.Item icon={<HomeO />}>
        <NavLink to="/home/canima">影院</NavLink>
    </Tabbar.Item>
    <Tabbar.Item icon={<Search />}>
    <NavLink to="/home/video">视频</NavLink>
    </Tabbar.Item>
    <Tabbar.Item icon={<FriendsO />}>
    <NavLink to="/home/ShotVideo">小视频</NavLink>
    </Tabbar.Item>
    <Tabbar.Item icon={<SettingO />}>
    <NavLink to="/home/show">演出</NavLink>
    </Tabbar.Item>
    <Tabbar.Item icon={<SettingO />}>
    <NavLink to="/my">我的</NavLink>
    </Tabbar.Item>
  </Tabbar>

  )
}

export default Tabbar1